对于我们大多数人来说，构建响应式布局的最困难方面是导航的计划和编码。由于没有真正经过实践检验的通用解决方案，因此您使用的菜单样式将取决于您所构建的站点的类型。

如果是小型站点，则可能需要一个下拉菜单或一个基本的“三行”切换菜单。但是，如果它是一个较大的站点（例如，一家电子商务商店），依赖大型菜单在其桌面版本上进行导航，则抽屉式导航或动画侧面板菜单很可能会为您提供帮助。

因此，无论您要构建哪种类型的网站，我们都希望在本文中以这些免费的响应式导航jQuery插件的形式为您提供解决方案。

Sidr是一个易于使用的插件，可以创建一个类似Facebook的响应式侧面菜单。它允许您在布局的两侧创建多个sidrs菜单。 （我们在Speckyboy上使用Sidr）。

Navgoco是一个简单的插件，可以将嵌套的无序链接列表转换为漂亮的垂直多级幻灯片导航，并能够通过使用cookie保留会话之间的扩展子菜单，并可以选择用作手风琴菜单。

FlexNav是使用移动设备优先的示例，该示例使用媒体查询和jQuery制作一个强大的下拉菜单。来自开发人员的信息：这是“设备无关的方法，可通过触摸和键盘访问来支持复杂的站点导航”。

scrollNav是一个轻量级的jQuery插件，可抓取页面的现有内容，将其分为逻辑部分，并构建可自定义的滚动侧栏导航。

Flaunt.js允许您创建带有嵌套单击以显示的时尚响应式导航。

jVanilla Menu是一个简单的jQuery菜单插件。它采用了现有的CSS下拉菜单，并为其添加了动画，子菜单级别和超时延迟等增强功能。

Slidebars是一个轻量级（2kb）插件，用于创建应用程序样式的推式菜单。

scotchPanels.js是一个jQuery画布菜单和面板插件。

SmartMenus是一个功能丰富的插件，它将创建可在所有设备上使用的基于水平或垂直响应且可访问的基于列表的菜单。

Menu-Aim是用于下拉菜单的插件，可以区分用户尝试将鼠标悬停在下拉菜单项上还是尝试导航到子菜单的内容。通常使用超时和延迟来解决此问题。menu-aim试图通过检测用户鼠标移动的方向来解决此问题。上下导航菜单时，可以更快地进行过渡。

侧面切换菜单允许您将侧栏菜单添加到从浏览器窗口的左边缘或右边缘滑入的布局中。它可以通过将页面移到上方并为其自身腾出空间或覆盖页面来工作。

slimMenu是一个轻量级的jQuery插件，用于动态创建响应式和多级导航菜单。

jPanelMenu是一个jQuery插件，可创建动画的面板样式菜单（类似于在Facebook和Google的移动版本中看到的类型）。动画由支持它的浏览器的CSS过渡处理，并在支持的设备上通过硬件加速，因此动画流畅。

Flaunt.js是一个插件，允许您开箱即用地创建响应式，嵌套导航。

Naver是一个简单的插件，它将自动将基本导航系统转变为移动友好系统。

TinyNav.js是一个轻量级插件（362个字节），其将与菜单成选择下拉菜单。它还会自动选择当前页面并selected="selected"为该项目添加。

响应菜单是一个很小的插件，当您的浏览器处于移动宽度时，它将使您的网站导航变成下拉菜单（）。

Horizo​​ntalNav插件将跨水平导航以适合其容器的整个宽度，并带有使它响应或不响应的选项。

jQuery.mmenu是一个用于为移动网站创建漂亮的，类似于应用程序的滑动菜单的插件，只需一行Javascript ：$("#nav").mmenu();。

MeanMenu是独立于媒体查询的插件，用于将标准菜单转换为移动响应菜单。它不是菜单系统的替代品，而只是一些轻量级JS，用于将标准菜单转换为移动版本。